@import (reference) "~weaver-mobile/dist/weaver-mobile.less";
@import (reference) "./public.less";
.wea-choose-category-bg{
  height: 100%;
  width: 100%;
}
.create-doc-mainfile-bg-blue{
  background: #4D7AD8;
  color: #fff;
}
.wea-system-loading-bg{
  height: 100%;
  width: 100%;
  align-content: center;
}
.wea-system-doc-whitebg {
  height: 100%;
  width: 100%;
  background: white;
  .wea-system-doc-list {
    position: absolute;
    bottom: 0;
    top: 53.5 * @hd;
    width: 100%;
    .wea-system-doc-category { 
      height: 100%;
      .wea-system-doc-category-route {
        height: 100%;
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        overflow: hidden;
        background: #fff;
          .system-doc-category-bar{
              .system-doc-category-bar-browser{
                overflow : hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                line-height: 1.1;
                /* autoprefixer: off */
                -webkit-box-orient: vertical;
                /* autoprefixer: on */
              }
          }
      }
      .am-search {
        height: 30 * @hd;
      }
      .wea-doc-category-bar(system-doc-category-bar, false);
      .wea-system-doc-category-scroll {
        position: absolute;
        top: 30 * @hd;
        bottom: 0px;
        width: 100%;
        .wea-system-doc-category-loading{
          .am-list-body{
            border-bottom: none;
          }
        }
        .am-list{
          width: 100%;
          height: 100%;
          .am-pull-to-refresh-content-wrapper{
            min-height: 100%;
          }
        }
        .am-list-body {
          border-top: none;
          // border-bottom: none;
        }
        .wea-doc-list-row(system-doc-list-row);
        .wea-doc-error {
          padding-top: 50%
        }
      }
    }
  }
  .wea-system-doc-add {
    display: inline-block;
    width: 40 * @hd;
    height: 40 * @hd;
    border-radius: 50%;
    font-size: 14 * @hd;
    text-align: center;
    color: #fff;
    background-color: @brand-primary;
    vertical-align: top;
    position: absolute;//这里用fixed在ios的目录模式下会出问题，正好这里没有滚动条，可以用absolute做一下
    right: 20 * @hd;
    bottom: 30 * @hd;
    padding: 15 * @hd;
    &.wea-system-doc-add-active {
      background-color: @brand-primary-tap;
    }
  }
  .wea-system-doc-edit-page{
  	position: absolute;
    top: 0;
    bottom: @button-height;
    width:100%;
    display: flex;
    flex-direction: column;
  }
  .wea-system-doc-add-page {
    position: absolute;
    top: @tabs-height;
    bottom: @button-height;
    width:100%;
    display: flex;
    flex-direction: column;
    .am-rich-editor {
      flex: 1 1;
      position: relative;
      .quill {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
      }
      /*position: absolute;
      top: 0;
      bottom: 44 * @hd;
      width: 100%;
      .quill {
        height: 100%;
      }*/
    }
    .ql-container.ql-snow {
      border: none;
    }
    & > .wm-browser {
      border-bottom: 1px solid #EEE9E9;
      margin-right: -1 * @v-spacing-lg;
    }
    .wm-reply-bar {
      background: @fill-grey-weak;
    }
  }

  .wea-system-doc-share-page {
    position:absolute;
    width: 100%;
    top:0;
    bottom: @button-height;
    overflow-y: auto;
    .wea-system-doc-share-page-add {
      height: @button-height;
      border-bottom: 1px solid @border-color-base;
      .wm-hrm-condition-title {
        height: @button-height;
      }
      .am-button {
        width: 100%;
        height: @button-height;
        border: none;
        color: @brand-primary;
        .am-button-icon {
          width: @icon-size-xs;
          height: @icon-size-xs;
        }
      }
    }
    .wea-system-doc-share-list {
      .wea-doc-list-row(doc-share-item);
      .doc-share-item {
        .doc-share-item-img {
          width: @icon-size-xs;
          height: @icon-size-xs;
          margin: auto @h-spacing-lg auto auto;
          padding: @v-spacing-md;
        }
        .doc-share-item-content {
          margin-left: 0px;
        }
      }
      .doc-share-title {
        background: #F3F7FE;
        color: #999999;
        padding:@v-spacing-sm @h-spacing-lg;
      }
      .am-list-item .am-list-line {
        border-bottom: 1PX solid @border-color-base;
      }
      .wea-doc-error {
        padding: @v-spacing-lg 0;
      }
    }
  }
}